<div class="documentListHeader">{translate}Service list{/translate}</div>
<div>
    <table id="serviceListTbl" class="grid" cellspacing="0" cellpadding="0" border="0" style="width: 100%">
        <thead style="text-transform: uppercase;">
            <tr>
                <th class="first" style="width: 60px;">{translate}No.{/translate}</th>
                <th>{translate}Service name{/translate}</th>
                <th style="width: 80px;">{translate}Unit{/translate}</th>
                <th style="width: 80px;">{translate}Quantity{/translate}</th>
                <th style="width: 120px;">{translate}Unit price{/translate}</th>
                <th style="width: 120px;"  class="last">{translate}Price{/translate}</th>  
            </tr>
        </thead>
         <tbody>
         {if !empty($serviceList)}
         {php}
            $this->assign('index', 1);
         {/php}
         {foreach from=$serviceList item=item}
             <tr>
	             <td class="first">{$index++}</td>
	             <td><div style="white-space: normal" id="serviceName_{$item.pay_payment_item_id}">{$item.service_name}</div></td>
	             <td>{$item.unit}</td>
	             <td>{$item.quantity}</td>
	             <td>{$item.unit_price_formatted}</td>                                             
	             <td  class='last'>{$item.original_price_formatted}</td>     
             </tr>
         {/foreach}
         {else}
             <tr><td class="first last" colspan="6">{translate}The patient has no information on payment items{/translate}</td></tr>
         {/if}
         </tbody>
    </table>
</div>